@import "@/assets/style/variables.scss";

$baseCls: write-letter;

.#{$baseCls} {
  background-image: url("https://tt642f1292fb1394a001-env-as0wwifwof.tos-cn-beijing.volces.com/envelope_background.png");
  height: 100vh;
  padding: 0px 16px;

  &-wrapper {
    margin-top: calc($tab-height + $tab-bar-height + 10px);
    position: relative;
    min-height: 100vh;
    row-gap: 10px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;

    &.empty {
      margin-top: 0;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      align-content: center;
    }
  }

  &-sendbtn {
    border-radius: 8px;
    width: 120px;
    height: 44px;
    position: fixed;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
  }
  &-title {
    margin-top: 24px;
    font-size: 20px;
    font-weight: 500;
  }

  &-content {
    margin-top: 8px;
    font-size: 15px;
    color: $text-desc-color;
  }
}
